<html>
<head>
    <script src="js/prototype.js" type="text/javascript"></script>
    <script src="js/showPersons.js" type="text/javascript"></script>
    <script src="js/addPerson.js" type="text/javascript"></script>
    <script src="js/personValidation.js" type="text/javascript">
    </script>
    <script language="javascript">
        document.observe('dom:loaded', function ()
        {
            showTable();
            $('add').onclick=newPerson;
            $('edit').onclick=editPerson;
            $('find').onclick=findPerson;
            $('refresh').onclick=showTable;

        });

    </script>
    <title></title>
</head>
<body>
<div id="showPersons"></div>
<div id="personForm">

     <input type='button' value='Add new user' id='add' >
      <input type='button' value='Edit user' id='edit'>
    <input type='button' value='Search user' id='find'>
    <input type='button' value='Show all users' id='refresh'>
</div>
<div id="result"></div>

</body>
</html>